<template>
  <view :style="themeColor">
    <view class="page">
      <view class="flex flex-direction flex-wrap align-stretch benben-position-layout flex index_flex_0"
        :style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
        <view class='flex flex-wrap align-center justify-between flex-sub index_fd0_0'>
          <view class='flex flex-wrap align-center index_fd0_0_c0' @tap.stop="pickerDiy1706196528940=true">
            <image class='index_fd0_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"34.png"'></image>
            <text class='index_fd0_0_c0_c1'>{{Address.city}}</text>
            <image class='index_fd0_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"33.png"'></image>
          </view>
          <text class='index_fd0_0_c1'>惠找粮</text>
          <view class='flex flex-wrap align-center justify-end index_fd0_0_c0'>
            <image class='index_fd0_0_c2_c0' mode="aspectFit" :src='STATIC_URL+"32.png"'></image>
          </view>
        </view>

      </view>
      <view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
      <!--选择城市开始 -->
      <benben-picker ref="benbenWritePickerCodepicker1" :visible.sync="pickerDiy1706196528940"
        :cityname.sync='Address.city' :province.sync='Address.province' :city.sync='Address.city' mode='region'
        :mask-show='true' :picker-height='88' :hide-area='true'>
        <template #picker-header>
          <view class='flex flex-wrap align-center justify-between index_picker1_0'>
            <text class='index_picker1_0_c0' @tap="$refs.benbenWritePickerCodepicker1.cancel()">取消</text>
            <text>选择所在地区</text>
            <text class='index_picker1_0_c2' @tap="chooseCity">确认</text>
          </view>
        </template>
      </benben-picker>
      <!--选择城市结束 -->
      <!---flex布局flex布局开始-->
      <view class="flex flex-wrap align-center justify-center benben-flex-layout">
        <view style="position: relative">
          <swiper @change="bannerIndexfd2_0 = $event.detail.current" class='flex position-relative index_fd2_0'
            previous-margin="0rpx" next-margin="0rpx" :display-multiple-items="1" :interval="5000" :duration="500"
            :autoplay='true' :circular='true'>


            <swiper-item class='flex ' v-for="(item,index) in bannerList" :key="index">
              <image class='index_fd2_0_c1_c0' mode="aspectFill" :src='item.fengmian' @tap.stop="handleJumpDiy"
                data-type="navigateTo" :data-url="`/pages/shouye/carouselPage/carouselPage?aid=${item.aid}`"></image>
            </swiper-item>


          </swiper>
        </view>
      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout index_flex_3">
        <view class='flex flex-direction flex-wrap align-stretch index_fd3_0' @click.stop="goTabbar('1')"
          data-type="reLaunch" :data-url="`/pages/tabBar/marketPage/marketPage?type=1`">
          <view class='flex flex-wrap align-center'>
            <image class='index_fd3_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"79.png"'></image>
          </view>
          <view class='flex flex-wrap align-center index_fd3_0_c1'>
            <view class='flex flex-direction flex-wrap align-stretch flex-sub index_fd3_0_c1_c0'>
              <view class='flex flex-wrap align-center'>
                <text class='index_fd3_0_c1_c0_c0_c0'>玉米厂家</text>
                <view class='flex flex-wrap align-center'>
                  <image class='index_fd3_0_c1_c0_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"60.png"'></image>
                  <text class='index_fd3_0_c1_c0_c0_c1_c1'>{{jinrichangqing.yumi.up}}</text>
                  <text class='index_fd3_0_c1_c0_c0_c1_c1'>涨</text>
                </view>
                <view class='flex flex-wrap align-center index_fd3_0_c1_c0_c0_c2'>
                  <image class='index_fd3_0_c1_c0_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"59.png"'></image>
                  <text class='index_fd3_0_c1_c0_c0_c2_c1'>{{jinrichangqing.yumi.down}}</text>
                  <text class='index_fd3_0_c1_c0_c0_c2_c1'>落</text>
                </view>
              </view>
              <view class='flex flex-wrap align-center index_fd3_0_c1_c0_c1'>
                <text class='index_fd3_0_c1_c0_c0_c0'>小麦厂家</text>
                <view class='flex flex-wrap align-center'>
                  <image class='index_fd3_0_c1_c0_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"60.png"'></image>
                  <text class='index_fd3_0_c1_c0_c0_c1_c1'>{{jinrichangqing.xiaomai.up}}</text>
                  <text class='index_fd3_0_c1_c0_c0_c1_c1'>涨</text>
                </view>
                <view class='flex flex-wrap align-center index_fd3_0_c1_c0_c0_c2'>
                  <image class='index_fd3_0_c1_c0_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"59.png"'></image>
                  <text class='index_fd3_0_c1_c0_c0_c2_c1'>{{jinrichangqing.xiaomai.down}}</text>
                  <text class='index_fd3_0_c1_c0_c0_c2_c1'>落</text>
                </view>
              </view>
            </view>
            <button class='index_fd3_0_c1_c1'>查看详情</button>
          </view>
          <!--   -->
          <view class='flex flex-wrap align-center index_fd3_0_c2' @click.stop="goTabbar('3')">
            <image class='index_fd3_0_c2_c0' mode="aspectFit" :src='STATIC_URL+"80.png"'></image>
            <view class='flex flex-wrap align-center index_fd3_0_c2_c1'>
              <text class='index_fd3_0_c2_c1_c0'>今日</text>
              <text class='index_fd3_0_c2_c1_c0' style="font-size: 40rpx;">{{jinrichangqing.cheliang.down}}</text>
              <text class='index_fd3_0_c2_c1_c0'>辆</text>
            </view>
            <view class='flex flex-wrap align-center index_fd3_0_c2_c2'>
              <view v-if="jinrichangqing.cheliang.up!=0">
                <text class='index_fd3_0_c2_c2_c0' style="color: #999;font-size: 22rpx;margin-right: 10rpx;">较昨日</text>
                <text class='index_fd3_0_c2_c2_c0'
                  :class="jinrichangqing.cheliang.up<0 ? 'active' : ''">{{jinrichangqing.cheliang.up<0 ? '减少' : '增加'}}</text>
                <text class='index_fd3_0_c2_c2_c0' :class="jinrichangqing.cheliang.up<0 ? 'active' : ''"
                  style="font-size: 40rpx;">{{Math.abs(jinrichangqing.cheliang.up) }}</text>
                <text class='index_fd3_0_c2_c2_c0' :class="jinrichangqing.cheliang.up<0 ? 'active' : ''">辆</text>
                <image class='index_fd3_0_c2_c2_c4' mode="aspectFit"
                  :src='jinrichangqing.cheliang.up<0 ?STATIC_URL+"59.png" : STATIC_URL+"60.png"'></image>
              </view>
              <view v-if="jinrichangqing.cheliang.up==0">
                <text class='index_fd3_0_c2_c2_c0' style="color: #999;font-size: 22rpx;margin-right: 10rpx;">较昨日</text>
                <!-- <text class='index_fd3_0_c2_c2_c0' style="color: #666;">增加</text> -->
                <text class='index_fd3_0_c2_c2_c0'
                  style="font-size: 40rpx;color: #666;">{{jinrichangqing.cheliang.up}}</text>
                <text class='index_fd3_0_c2_c2_c0' style="color: #666;">辆</text>

              </view>

            </view>
            <image class='index_fd3_0_c2_c3' mode="aspectFit" :src='STATIC_URL+"81.png"'></image>
          </view>
        </view>
      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout index_flex_4">
        <view class='flex flex-direction flex-wrap align-stretch index_fd4_0'>
          <view class='flex flex-wrap align-center justify-between'>
            <view class='flex flex-direction flex-wrap align-center index_fd4_0_c0_c0' @tap.stop="goTabbar('1')"
              data-type="reLaunch" :data-url="`/pages/tabBar/marketPage/marketPage?type=1`">
              <view class='flex flex-wrap align-center justify-center index_fd4_0_c0_c0_c0'>
                <text class='index_fd4_0_c0_c0_c0_c0'>免费</text>
              </view>
              <image class='index_fd4_0_c0_c0_c1' mode="aspectFit" :src='STATIC_URL+"70.png"'></image>
              <text class='index_fd4_0_c0_c0_c2'>行情涨落</text>
            </view>
            <!-- <view class='flex flex-direction flex-wrap align-center index_fd4_0_c0_c0' @tap.stop="goTabbar('3')"
              data-type="reLaunch" :data-url="`/pages/tabBar/marketPage/marketPage?type=3`">
              <view class='flex flex-wrap align-center justify-center index_fd4_0_c0_c1_c0'>
                <text class='index_fd4_0_c0_c0_c0_c0'>免费</text>
              </view>
              <image class='index_fd4_0_c0_c0_c1' mode="aspectFit" :src='STATIC_URL+"71.png"'></image>
              <text class='index_fd4_0_c0_c0_c2'>晨间车辆</text>
            </view> -->
            <view class='flex flex-direction flex-wrap align-center index_fd4_0_c0_c0' @tap.stop="handleJumpDiy"
              data-type="navigateTo" :data-url="`/pages/shouye/seekingPurchase/cargoarea`">
              <view class='flex flex-wrap align-center justify-center index_fd4_0_c0_c1_c0'>
                <text class='index_fd4_0_c0_c0_c0_c0'>免费发布</text>
              </view>
              <image class='index_fd4_0_c0_c0_c1' mode="aspectFit" :src='STATIC_URL+"71.png"'></image>
              <text class='index_fd4_0_c0_c0_c2'>大货专区</text>
            </view>
            <view class='flex flex-direction flex-wrap align-center index_fd4_0_c0_c0' @tap.stop="goTabbar('4')"
              data-type="reLaunch" :data-url="`/pages/tabBar/marketPage/marketPage?type=4`">
              <image class='index_fd4_0_c0_c0_c1' mode="aspectFit" :src='STATIC_URL+"72.png"'></image>
              <text class='index_fd4_0_c0_c0_c2'>行业头条</text>
            </view>
            <view class='flex flex-direction flex-wrap align-center index_fd4_0_c0_c0' @tap.stop="goTabbars('4')"
              data-type="navigateTo" :data-url="`/pages/shouye/dockingManufacturers/dockingManufacturers`">
              <image class='index_fd4_0_c0_c0_c1' mode="aspectFit" :src='STATIC_URL+"73.png"'></image>
              <text class='index_fd4_0_c0_c0_c2'>对接厂家</text>
            </view>
            <!--  <view class='flex flex-direction flex-wrap align-center index_fd4_0_c0_c0' @tap.stop="handleJumpDiy"
              data-type="navigateTo" :data-url="`/pages/shouye/seekingPurchase/cargoarea`">
              <image class='index_fd4_0_c0_c0_c1' mode="aspectFit" :src='STATIC_URL+"73.png"'></image>
              <text class='index_fd4_0_c0_c0_c2'>大货专区</text>
            </view> -->
          </view>
          <view class='flex flex-wrap align-center justify-between index_fd4_0'>
            <view class='flex flex-direction flex-wrap align-center index_fd4_0_c0_c0' @tap.stop="goTabbars('1')"
              data-type="reLaunch" :data-url="`/pages/tabBar/businessPage/businessPage?type=1`">
              <view class='flex flex-wrap align-center justify-center index_fd4_0_c1_c0_c0'>
                <text class='index_fd4_0_c0_c0_c0_c0'>免费发布</text>
              </view>
              <image class='index_fd4_0_c0_c0_c1' mode="aspectFit" :src='STATIC_URL+"77.png"'></image>
              <text class='index_fd4_0_c0_c0_c2'>买粮卖粮</text>
            </view>
            <view class='flex flex-direction flex-wrap align-center index_fd4_0_c0_c0' @tap.stop="goTabbars('3')"
              data-type="navigateTo" :data-url="`/pages/shouye/grainstationMap/grainstationMap`">
              <image class='index_fd4_0_c0_c0_c1' mode="aspectFit" :src='STATIC_URL+"74.png"'></image>
              <text class='index_fd4_0_c0_c0_c2'>粮贸地图</text>
            </view>
            <view class='flex flex-direction flex-wrap align-center index_fd4_0_c0_c0' @tap.stop="handleJumpDiy"
              data-type="navigateTo" :data-url="`/pages/shouye/bookkeeping/bookkeeping?type=1`">
              <image class='index_fd4_0_c0_c0_c1' mode="aspectFit" :src='STATIC_URL+"75.png"'></image>
              <text class='index_fd4_0_c0_c0_c2'>我的账本</text>
            </view>
            <view class='flex flex-direction flex-wrap align-center index_fd4_0_c0_c0' @tap.stop="handleJumpDiy"
              data-type="navigateTo" :data-url="`/pages/wode/rurchaseMembership/rurchaseMembership`">
              <image class='index_fd4_0_c0_c0_c1' mode="aspectFit" :src='STATIC_URL+"76.png"'></image>
              <text class='index_fd4_0_c0_c0_c2'>加入会员</text>
            </view>
          </view>
        </view>
        <swiper :disable-touch="true" :autoplay="true" :vertical="true" class="index_fd4_1_box">
          <swiper-item class='flex flex-wrap align-center index_fd4_1' v-for="(item,index) in tongzhiList" :key="index">
            <image class='index_fd4_1_c0' mode="aspectFill" :src='STATIC_URL+"35.png"'></image>
            <view class='text-cut index_fd4_1_c1'>{{item.neirong}}</view>
          </swiper-item>
        </swiper>

      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout index_flex_5">
        <view class='flex flex-wrap align-center justify-between'>
          <text class='index_fd5_0_c0'>今日热门</text>
          <view class='flex flex-wrap align-center' @tap.stop="goTabbar('4')" data-type="reLaunch"
            :data-url="`/pages/tabBar/marketPage/marketPage?type=4`">
            <text class='index_fd5_0_c1_c0'>查看更多</text>
            <image class='index_fd5_0_c1_c1' mode="aspectFit" :src='STATIC_URL+"36.png"'></image>
          </view>
        </view>
        <view class='flex flex-direction flex-wrap align-stretch index_fd5_1'>
          <view class='flex flex-direction flex-wrap align-stretch index_fd5_1_c0' @tap.stop="goConsultation(item)"
            v-for="(item,index) in hotList" :key="index" data-type="navigateTo"
            :data-url="`/pages/market/marketConsultation/marketConsultation?aid=${item.aid}`">
            <view class='flex flex-wrap '>
              <view class='flex flex-wrap align-center index_fd5_1_c0_c0_c0'>
                <view class="text-cut index_fd5_1_c0_c0_c0_c0" v-if="item.biaoqian">
                  {{item.biaoqian}}
                </view>
                <!-- <image class='index_fd5_1_c0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"38.png"'></image> -->
                <image class='index_fd5_1_c0_c0_c0_c1' mode="aspectFill" :src='item.fengmian'></image>
              </view>
              <view class='flex  flex-direction flex-wrap  flex-sub'>
                <view class='flex flex-wrap align-center'>
                  <view class='flex index_fd5_1_c0_c0_c1_c0_c1'>
                    <view class="text-cut-2">
                      <image class='index_fd5_1_c0_c0_c1_c0_c0' v-if="item.shifouVIP==1" mode="aspectFill"
                        :src='STATIC_URL+"39.png"'></image>
                      <image class='index_fd5_1_c0_c0_c1_c0_c0' v-if="item.shifouVIP==2" mode="aspectFill"
                        :src='STATIC_URL+"191.png"'></image>{{item.mingcheng}}
                    </view>
                  </view>
                </view>
                <view class='flex flex-wrap align-center index_fd5_1_c0_c0_c1_c1'>
                  <view class='text-cut-2 index_fd5_1_c0_c0_c1_c1_c0'>{{item.jianjie}}</view>
                </view>
              </view>
            </view>
            <view class='flex flex-wrap align-center index_fd5_1_c0_c1'>
              <text class='index_fd5_1_c0_c1_c0'>{{item.create_time}}</text>
              <text class='index_fd5_1_c0_c1_c1'>{{item.yueduliang}}</text>
              <text class='index_fd5_1_c0_c1_c1'>次阅读</text>
            </view>
          </view>
        </view>
      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout index_flex_6">
        <view class='flex flex-direction flex-wrap align-stretch flex-sub index_fd6_0'>
          <view class='flex flex-wrap align-center justify-between'>
            <text class='index_fd6_0_c0_c0'>置顶求购</text>
            <view class='flex flex-wrap align-center' @tap.stop="goMore('2')" data-type="navigateTo"
              :data-url="`/pages/shouye/seekingPurchase/seekingPurchase`">
              <text class='index_fd6_0_c0_c1_c0'>查看更多</text>
              <image class='index_fd6_0_c0_c1_c1' mode="aspectFit" :src='STATIC_URL+"36.png"'></image>
            </view>
          </view>
          <view class='flex flex-direction flex-wrap align-stretch index_fd6_0_c1'>
            <view class='flex flex-direction flex-wrap align-stretch index_fd6_0_c1_c0' @tap.stop="handleJumpDiy"
              v-for="(itemA,indexA) in qiugouList" :key="indexA" data-type="navigateTo"
              :data-url="`/pages/shouye/saleDetails/saleDetails?aid=${itemA.aid}&type=${itemA.fenlei}`">
              <view class='flex flex-wrap align-center'>
                <image class='index_fd6_0_c1_c0_c0_c0' v-if="itemA.shifouVIP==2" mode="aspectFit"
                  :src='STATIC_URL+"39.png"'></image>
                <text class='index_fd6_0_c1_c0_c0_c1'>{{itemA.fenlei_name}}</text>
                <view class="margin-lr-sm text-weight-600 buycate_mingcheng">{{itemA.buycate_mingcheng}}</view>
                <view class='flex flex-wrap align-center index_fd6_0_c1_c0_c0_c3'>
                  <text
                    class='index_fd6_0_c1_c0_c0_c3_c0'>{{itemA.zhuangchejiage=='-1' ?'电话沟通' : itemA.zhuangchejiage}}</text>
                  <text class='index_fd6_0_c1_c0_c0_c3_c1' v-if="itemA.zhuangchejiage!='-1'">元/斤</text>
                </view>
              </view>
              <view class='flex flex-direction flex-wrap align-stretch index_fd6_0_c1_c0_c1'>
                <view class='flex flex-wrap align-center index_fd6_0_c1_c0_c1_c0'>
                  <text class='index_fd6_0_c1_c0_c1_c0_c0'>求购地区</text>
                  <text>{{itemA.suozaidi}}</text>
                </view>
                <view class='flex flex-wrap align-center justify-between index_fd6_0_c1_c0_c1_c1'>
                  <view class='flex flex-direction flex-wrap align-center'>
                    <text class='index_fd6_0_c1_c0_c1_c1_c0_c0'>数量</text>
                    <text class='index_fd6_0_c1_c0_c1_c1_c0_c1'>{{itemA.shuliang}}吨</text>
                  </view>
                  <view class='flex flex-direction flex-wrap align-center'>
                    <text class='index_fd6_0_c1_c0_c1_c1_c0_c0'>水分</text>
                    <text class='index_fd6_0_c1_c0_c1_c1_c0_c1'>{{itemA.shuifen}}</text>
                  </view>
                  <view class='flex flex-direction flex-wrap align-center'>
                    <text class='index_fd6_0_c1_c0_c1_c1_c0_c0'>容重</text>
                    <text class='index_fd6_0_c1_c0_c1_c1_c0_c1'>{{itemA.rongliang}}</text>
                  </view>
                  <view class='flex flex-direction flex-wrap align-center'>
                    <text class='index_fd6_0_c1_c0_c1_c1_c0_c0'>净毛</text>
                    <text class='index_fd6_0_c1_c0_c1_c1_c0_c1'>{{itemA.buyzazhi_id_name}}</text>
                  </view>
                </view>
                <view class='flex flex-wrap align-center'>
                  <view class='flex flex-wrap align-center index_fd6_0_c1_c0_c1_c2_c0'
                    v-for="(itemC,indexC) in itemA.buyqita_mingcheng" :key="indexC">
                    <text class='index_fd6_0_c1_c0_c1_c2_c0_c0'>{{itemC}}</text>
                  </view>
                </view>
              </view>
              <view class='flex flex-wrap align-start index_fd6_0_c1' v-if="itemA.beizhu">
                <text class='index_fd6_0_c1_c0_c2_c0'>备注</text>
                <view class='flex flex-wrap align-center flex-sub text-cut-3 index_fd6_0_c1_c0_c2_c1'>
                  <view class='text-cut-3 index_fd6_0_c1_c0_c2_c1_c0'>{{itemA.beizhu}}</view>
                </view>
              </view>
              <view class='flex flex-wrap align-start index_fd6_0_c1_c0_c1'>
                <image class='index_fd6_0_c1_c0_c3_c0' mode="aspectFill" :src='itemA.user_avatar'></image>
                <view class='flex flex-direction flex-wrap align-start'>
                  <text class='index_fd6_0_c1_c0_c3_c1_c0'>{{itemA.user_nickname}}</text>
                  <view class='flex flex-wrap align-center index_fd6_0_c1_c0_c3_c1_c1'>
                    <text class='index_fd6_0_c1_c0_c3_c1_c1_c0'>发布日期：</text>
                    <text class='index_fd6_0_c1_c0_c3_c1_c1_c0'>{{itemA.create_time}}</text>
                  </view>
                </view>
                <!-- <view class='flex flex-wrap align-center justify-center index_fd6_0_c1_c0_c3_c2'>
                  <view class='flex flex-wrap align-center index_fd6_0_c1_c0_c3_c2_c0'>
                    <text class='index_fd6_0_c1_c0_c3_c2_c0_c0'>会员专享</text>
                  </view>
                  <text class='index_fd6_0_c1_c0_c3_c2_c1'>立即联系</text>
                </view> -->
              </view>
            </view>
          </view>
        </view>
      </view>
      <!--  -->
      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout index_flex_7">
        <view class='flex flex-wrap align-center justify-between index_fd7_0' @tap.stop="handleJumpDiy"
          data-type="relaunch" :data-url="`/pages/tabBar/release/release`">
          <!--         <view class='flex flex-direction flex-wrap align-stretch flex-sub'>
            <image class='index_fd7_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"41.png"'></image>
            <view class='flex flex-wrap align-center index_fd7_0_c0_c1'>
              <image class='index_fd7_0_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"42.png"'></image>
              <text class='index_fd7_0_c0_c1_c1'>自动匹配全国货源，找粮更快！</text>
            </view>
          </view>
          <button class='index_fd7_0_c1'>智能找粮</button> -->
        </view>
      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout index_flex_8">
        <view class='flex flex-direction flex-wrap align-stretch flex-sub index_fd8_0'>
          <view class='flex flex-wrap align-center justify-between'>
            <text class='index_fd8_0_c0_c0'>置顶出售</text>
            <view class='flex flex-wrap align-center' @tap.stop="goMore('1')" data-type="navigateTo"
              :data-url="`/pages/shouye/sellMore/sellMore`">
              <text class='index_fd8_0_c0_c1_c0'>查看更多</text>
              <image class='index_fd8_0_c0_c1_c1' mode="aspectFit" :src='STATIC_URL+"36.png"'></image>
            </view>
          </view>
          <view class='flex flex-direction flex-wrap align-stretch index_fd8_0_c1'>
            <view class='flex flex-direction flex-wrap align-stretch index_fd8_0_c1_c0' @tap.stop="handleJumpDiy"
              v-for="(itemA,indexA) in chushouList" :key="indexA" data-type="navigateTo"
              :data-url="`/pages/shouye/saleDetails/saleDetails?aid=${itemA.aid}&type=${itemA.fenlei}`">
              <view class='flex flex-wrap align-center'>
                <image class='index_fd8_0_c1_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"52.png"'></image>
                <text class='index_fd8_0_c1_c0_c0_c1'>{{itemA.fenlei_name}}</text>
                <view class="margin-lr-sm text-weight-600 buycate_mingcheng">{{itemA.buycate_mingcheng}}</view>
                <text class='index_fd8_0_c1_c0_c0_c1'>{{itemA.shuliang}}吨</text>
                <view class='flex flex-wrap align-center index_fd8_0_c1_c0_c0_c4'>
                  <text
                    class='index_fd8_0_c1_c0_c0_c4_c0'>{{itemA.zhuangchejiage=='-1' ?'电话沟通' : itemA.zhuangchejiage}}</text>
                  <text class='index_fd8_0_c1_c0_c0_c4_c1' v-if="itemA.zhuangchejiage!='-1'">元/斤</text>
                </view>
              </view>
              <view class='flex flex-wrap align-center index_fd8_0_c1'>
                <image class='index_fd8_0_c1_c0_c1_c0' mode="aspectFill" :src='itemA.tupian[0]'></image>
                <view class='flex flex-direction flex-wrap align-start'>
                  <view class='flex flex-wrap align-center'>
                    <text class='index_fd8_0_c1_c0_c1_c1_c0_c0'>地区</text>
                    <text class='index_fd8_0_c1_c0_c1_c1_c0_c1'>{{itemA.suozaidi}}</text>
                  </view>
                  <view class='flex flex-wrap align-center index_fd8_0_c1'>
                    <view class='flex flex-wrap align-center' style="width: 200rpx">
                      <text class='index_fd8_0_c1_c0_c1_c1_c0_c0'>水分</text>
                      <text class='index_fd8_0_c1_c0_c1_c1_c1_c0_c1'>{{itemA.shuifen}}</text>
                    </view>
                    <view class='flex flex-wrap align-center index_fd8_0_c1_c0_c1_c1_c1_c1'>
                      <text class='index_fd8_0_c1_c0_c1_c1_c0_c0'>容重</text>
                      <text class='index_fd8_0_c1_c0_c1_c1_c1_c0_c1'>{{itemA.rongliang}}</text>
                    </view>
                  </view>
                  <view class='flex flex-wrap align-center index_fd8_0_c1'>
                    <view class='flex flex-wrap align-center' style="width: 200rpx">
                      <text class='index_fd8_0_c1_c0_c1_c1_c0_c0'>净毛</text>
                      <text class='index_fd8_0_c1_c0_c1_c1_c1_c0_c1'>{{itemA.buyzazhi_id_name}}</text>
                    </view>
                    <view class='flex flex-wrap align-center index_fd8_0_c1_c0_c1_c1_c1_c1'>
                      <text class='index_fd8_0_c1_c0_c1_c1_c0_c0'>年份</text>
                      <text class='index_fd8_0_c1_c0_c1_c1_c1_c0_c1'>{{itemA.nianfen}}</text>
                    </view>
                  </view>
                  <view class='flex flex-wrap align-center index_fd8_0_c1'>
                    <view class='flex flex-wrap align-center index_fd8_0_c1_c0_c1_c1_c3_c0' v-if="itemA.certified==2">
                      <image class='index_fd8_0_c1_c0_c1_c1_c3_c0_c0' mode="aspectFit" :src='STATIC_URL+"5.png"'>
                      </image>
                      <text class='index_fd8_0_c1_c0_c1_c1_c3_c0_c1'>已实名</text>
                    </view>
                    <view class='flex flex-wrap align-center' v-if="itemA.is_vip">
                      <image class='index_fd8_0_c1_c0_c1_c1_c3_c0_c0' mode="aspectFit" :src='STATIC_URL+"6.png"'>
                      </image>
                      <text class='index_fd8_0_c1_c0_c1_c1_c3_c0_c1'>VIP会员</text>
                    </view>
                  </view>
                </view>
              </view>
              <view class='flex flex-wrap align-start index_fd8_0_c1_c0_c2' v-if="itemA.beizhu">
                <text class='index_fd8_0_c1_c0_c2_c0'>备注</text>
                <view class='flex flex-wrap align-center flex-sub index_fd8_0_c1_c0_c2_c1'>
                  <text class='index_fd8_0_c1_c0_c2_c1_c0'>{{itemA.beizhu}}</text>
                </view>
              </view>
              <view class='flex align-start index_fd8_0_c1'>
                <image class='index_fd8_0_c1_c0_c3_c0' mode="aspectFill" :src='itemA.user_avatar'></image>
                <view class='flex flex-direction flex-wrap align-start'>
                  <text class='index_fd8_0_c1_c0_c3_c1_c0'>{{itemA.user_nickname}}</text>
                  <view class='flex flex-wrap align-center index_fd8_0_c1_c0_c3_c1_c1'>
                    <text class='index_fd8_0_c1_c0_c3_c1_c1_c0'>发布日期：</text>
                    <text class='index_fd8_0_c1_c0_c3_c1_c1_c0'>{{itemA.create_time}}</text>
                  </view>
                </view>
                <!-- <view class='flex flex-wrap align-center justify-center index_fd8_0_c1_c0_c3_c2'>
                  <view class='flex flex-wrap align-center index_fd8_0_c1_c0_c3_c2_c0'>
                    <text class='index_fd8_0_c1_c0_c3_c2_c0_c0'>限时免费</text>
                  </view>
                  <text class='index_fd8_0_c1_c0_c3_c2_c1'>免费联系</text>
                </view> -->
              </view>
            </view>
          </view>
        </view>
      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout index_flex_9">
        <view class='flex flex-wrap align-center justify-between index_fd9_0' @tap.stop="handleJumpDiy"
          data-type="relaunch" :data-url="`/pages/tabBar/release/release`">
          <!-- <view class='flex flex-direction flex-wrap align-stretch flex-sub'>
            <image class='index_fd9_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"43.png"'></image>
            <view class='flex flex-wrap align-center index_fd9_0_c0_c1'>
              <text class='index_fd9_0_c0_c1_c0'>惠找粮平台平均每天帮500个粮点儿
                对接到买卖客户</text>
            </view>
          </view>
          <button class='index_fd9_0_c1'>智能卖粮</button> -->
        </view>
      </view>

      <!---flex布局flex布局结束-->


    </view>
    <benben-popup v-model="popupShow1706623522014" :mask="true" :mask-close-able="true" mode='center' :z-index='999'>
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout saleDetails_flex_2">
        <view class='flex flex-direction flex-wrap align-center saleDetails_fd2_0'>
          <text class='saleDetails_fd2_0_c0'>会员专享</text>
          <text class='saleDetails_fd2_0_c1'>加入会员，解锁全部功能<br /> 买卖更快，客户更多行情更全</text>
          <button class='saleDetails_fd2_0_c2' @tap.stop="handleJumpDiy" data-type="navigateTo"
            :data-url="`/pages/wode/rurchaseMembership/rurchaseMembership`">立即加入</button>
        </view>
      </view>

      <!---flex布局flex布局结束-->

    </benben-popup>
    <benben-popup v-model="isFord" :mask="true" :mask-close-able="false" mode='center' :z-index='999'>
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout saleDetails_flex_4"
        style="width: 702rpx;">
        <view class='flex flex-direction flex-wrap align-stretch saleDetails_fd4_0'>
          <view class='flex flex-wrap align-center justify-center'>
            <text class='saleDetails_fd4_0_c0_c0'>转发解锁功能</text>
          </view>
          <view class='flex flex-wrap align-center justify-center saleDetails_fd4_0_c1'>
            <text class='saleDetails_fd4_0_c1_c0'>
              立即转发，解锁厂家报价<br />晨间车辆，免费联系，行情资讯，出售信息等功能</text>
          </view>
          <view class='flex flex-wrap align-center justify-center saleDetails_fd4_0_c2'>
            <button class='saleDetails_fd4_0_c2_c0' @tap.stop="isFord=false">取消</button>
            <button class='saleDetails_fd4_0_c2_c1' @tap.stop="likeFord">立即转发</button>
          </view>
        </view>
      </view>

      <!---flex布局flex布局结束-->

    </benben-popup>
    <benben-popup v-model="popupShow1706715717630" :mask="true" :mask-close-able="true" mode='bottom' :z-index='999'>
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout releaseSale_flex_4">
        <view class='flex flex-direction flex-wrap align-stretch releaseSale_fd4_0'>
          <view class='flex flex-wrap align-center justify-between releaseSale_fd4_0_c0'>
            <view class='flex flex-wrap align-center releaseSale_fd4_0_c0_c0'>
            </view>
            <view class='flex flex-wrap align-center'>
              <!-- <image class='releaseSale_fd4_0_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"21.png"'></image> -->
              <text class='releaseSale_fd4_0_c0_c1_c1'>分享到</text>
              <!-- <image class='releaseSale_fd4_0_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"22.png"'></image> -->
            </view>
            <image class='releaseSale_fd4_0_c0_c2' mode="aspectFit" :src='STATIC_URL+"83.png"'
              @tap.stop="popupShow1706715717630=false"></image>
          </view>
          <view class='flex flex-wrap align-center justify-around releaseSale_fd4_0_c1'>
            <view class='flex flex-direction flex-wrap align-center' @click.stop="shareOpen('1')">
              <image class='releaseSale_fd4_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"23.png"'></image>
              <text class='releaseSale_fd4_0_c1_c0_c1'>微信好友</text>
            </view>
            <view class='flex flex-direction flex-wrap align-center' @click.stop="shareOpen('2')">
              <image class='releaseSale_fd4_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"84.png"'></image>
              <text class='releaseSale_fd4_0_c1_c0_c1'>朋友圈</text>
            </view>
          </view>
        </view>
      </view>

      <!---flex布局flex布局结束-->

    </benben-popup>
    <fuTabbr :intopath="intopath"></fuTabbr>
  </view>
</template>
<script>
  import fuTabbr from '@/components/tabbar/tabbar.vue'
  export default {
    components: {
      fuTabbr
    },


    data() {
      return {
        info: '',
        popupShow1706715717630: false,
        isFord: false,
        popupShow1706623522014: false,
        intopath: 0,
        "bannerIndexfd2_0": 0,
        "pickerDiy1706196528940": false,
        "Address": {
          "province": "",
          "city": ""
        },
        bannerList: [],
        chushouList: [],
        qiugouList: [],
        hotList: [],
        tongzhiList: [],

        jinrichangqing: {
          cheliang: {
            down: 0,
            up: 0
          },
          xiaomai: {
            down: 0,
            up: 0
          },
          yumi: {
            down: 0,
            up: 0
          }
        },
        address: {
          latitude: '',
          longitude: '',
          city: ''
        },
        is_vip: false
      };
    },
    computed: {
      themeColor() {
        return this.$store.getters.themeColor
      },
      isLogin() {
        return this.$store.state.token == '' ? false : true;
      }
    },
    watch: {},
    onLoad(options) {
      if (global.appTabBarType) this.toHomeDiy()

      this.getBanner()
      this.getList()
    },
    onUnload() {

    },
    onReady() {

    },
    onShow() {
      // uni.clearStorageSync()
      let that = this
      if (uni.getStorageSync('address')) {
        this.address = uni.getStorageSync('address')
        this.Address.city = this.address.city
        console.log(' this.address', this.address)
        console.log('  this.Address.city', this.Address.city)
      } else {
        if (uni.getStorageSync('once')) {

        } else {
          that.getLocations()
        }

      }
      this.$api.post(global.apiUrls.post65d43a975c834, {
        list_rows: 5,
      }).then(res => {
        if (res.data.code == 1) {
          // this.hotList = res.data.data.data
        }
      })
    },
    onHide() {
      this.popupShow1706623522014 = false
      this.isFord = false
      this.popupShow1706715717630 = false
    },
    onResize() {

    },
    onPullDownRefresh() {

    },
    onReachBottom(e) {

    },
    onPageScroll(e) {

    },
    methods: {
      getLocations() {
        let that = this
        uni.showModal({
          title: '位置授权信息提示',
          content: '用于获取周边信息',
          success: function(res1) {
            uni.setStorageSync('once', "1")
            if (res1.confirm) {
              uni.getLocation({
                type: 'gcj02',
                // #ifdef APP
                geocode: true,
                // #endif
                isHighAccuracy: true,
                success: adr => {
                  console.log('adradradradr', adr)
                  const obj = {
                    latitude: adr.latitude,
                    longitude: adr.longitude,
                    city: adr.address.city
                  }
                  uni.setStorageSync('address', obj)
                  that.address = uni.getStorageSync('address')
                  that.Address.city = this.address.city
                },
                fail: (fail) => {
                  console.log('fail', fail)
                }
              })
            }
          }
        })
      },
      shareOpen(type) {
        let that = this
        console.log("complete:");
        // that.shareApp()
        // return
        let provider = ''
        let scene = ''
        if (type == 1) {
          provider = 'weixin'
          scene = 'WXSceneSession'
        } else if (type == 2) {
          provider = 'weixin'
          scene = 'WXSenceTimeline'
        }
        // let links = that.apartmentDetails.h5_share +
        //   `/pages/shouye/apartmentDetails/apartmentDetails?id=${that.apartmentDetails.aid}`
        // console.log(' that.apartmentDetails', links)
        uni.share({
          provider: provider,
          scene: scene,
          // type: '0',
          imageUrl: that.info.share_img,
          title: that.info.mingcheng,
          summary: that.info.share_text,
          href: that.info.h5_share,
          success: function(res) {
            console.log('22222')
            console.log("success:" + JSON.stringify(res));
            that.shareApp()
          },
          complete: function(complete) {
            // console.log("complete:" + JSON.stringify(err));
          }
        });
      },
      shareApp() {
        console.log('pppppppp')
        this.$api.post(global.apiUrls.post6614f414e5638, {
          buy_id: this.info.aid,
          user_id: this.userInfo ? this.userInfo.id : ''
        }).then(res => {
          if (res.data.code == 1) {
            this.getList()
          }
        })
      },
      likeFord() {
        this.isFord = false
        this.popupShow1706715717630 = true
      },
      goMore(type) {
        console.log('ppppp')
        // 查看更多
        uni.reLaunch({
          url: `/pages/tabBar/businessPage/businessPage?type=${type}`
        })
      },
      goConsultation(item) {
        if (!this.isLogin) {
          this.$message.info('未登录 请先前往登录')
          setTimeout(res => {
            this.toLoginDiy()
          }, 800)
          return;
        }
        if (item.shifouVIP == 0) { //不需要会员查看
          if (item.is_vip < item.shifouVIP) {
            this.popupShow1706623522014 = true

          } else {
            if (item.is_share) {
              uni.navigateTo({
                url: `/pages/market/marketConsultation/marketConsultation?aid=${item.aid}`
              })
            } else {
              this.$api.post(global.apiUrls.post65d43b97b5a93, {
                aid: item.aid,
              }).then(res => {
                if (res.data.code == 1) {
                  this.info = res.data.data
                  console.log('oooo', this.info)
                  this.isFord = true
                }
              })

            }

          }

        } else {
          if (item.is_vip) {
            uni.navigateTo({
              url: `/pages/market/marketConsultation/marketConsultation?aid=${item.aid}`
            })
          } else {
            this.popupShow1706623522014 = true
          }
        }


      },
      chooseCity() {
        this.$refs.benbenWritePickerCodepicker1.pickerConfirm()
        this.getList()
      },
      goTabbars(type) {
        uni.setStorageSync('types', type)
        uni.reLaunch({
          url: `/pages/tabBar/businessPage/businessPage`
        })
      },
      goTabbar(type) {
        uni.setStorageSync('typess', type)
        uni.reLaunch({
          url: `/pages/tabBar/marketPage/marketPage`
        })
      },
      getList() {
        this.$api.post(global.apiUrls.post656ef1f758933, {
          fenlei: '1',
          list_rows: 5,
          shifouzhiding: '2'
        }).then(res => {
          if (res.data.code == 1) {
            this.chushouList = res.data.data.data
            console.log('chushouList', this.chushouList)
          }

        })
        this.$api.post(global.apiUrls.post656ef1f758933, {
          fenlei: '2',
          list_rows: 5,
          shifouzhiding: '2'

        }).then(res => {
          this.qiugouList = res.data.data.data
        })
        this.$api.post(global.apiUrls.post65d43a975c834, {
          list_rows: 3,
        }).then(res => {
          if (res.data.code == 1) {
            this.hotList = res.data.data.data
            console.log('getList', this.hotList)
          }
        })
      },
      getBanner() {
        this.$api.post(global.apiUrls.post656d82a246887, { //轮播图
          // type: 1
        }).then(res => {
          if (res.data.code == 1) {
            this.bannerList = res.data.data
          }
        })
        this.$api.post(global.apiUrls.post65d400f3d28ee, { //今日行情
          // type: 1
        }).then(res => {
          if (res.data.code == 1) {
            this.jinrichangqing = res.data.data.jinrichangqing
          }
        })
        this.$api.post(global.apiUrls.post65d43d942c321, { //通知
          // type: 1
        }).then(res => {
          if (res.data.code == 1) {
            this.tongzhiList = res.data.data
          }
        })
      },
    }
  };
</script>
<style lang="scss" scoped>
  .releaseSale_flex_4 {
    background: rgba(255, 255, 255, 1);
    border-radius: 40rpx 40rpx 0rpx 0rpx;
    background-size: 100% auto;
  }

  .releaseSale_fd4_0_c1_c0_c1 {
    color: #333333;
    margin: 16rpx 0rpx 0rpx 0rpx;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 46rpx;
  }

  .releaseSale_fd4_0_c1_c0_c0 {
    width: 80rpx;
    height: 80rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .releaseSale_fd4_0_c1 {
    margin: 50rpx 0rpx 0rpx 0rpx;
  }

  .releaseSale_fd4_0_c0_c2 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .releaseSale_fd4_0_c0_c1_c1 {
    margin: 0rpx 20rpx 0rpx 20rpx;
    color: #333333;
    font-size: 32rpx;
    font-weight: 400;
    line-height: 46rpx;
  }

  .releaseSale_fd4_0_c0_c1_c0 {
    width: 28rpx;
    height: 10rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .releaseSale_fd4_0_c0_c0 {
    width: 40rpx;
    height: 40rpx;
  }

  .releaseSale_fd4_0_c0 {
    padding: 0rpx 32rpx 0rpx 32rpx;
  }

  .releaseSale_fd4_0 {
    padding: 40rpx 0rpx 150rpx 0rpx;
  }

  .saleDetails_fd4_0_c2_c1 {
    background: rgba(37, 104, 174, 1);
    border-radius: 100rpx;
    width: 209rpx;
    line-height: 80rpx;
    font-size: 34rpx;
    color: #fff;
    margin: 0rpx 0rpx 0rpx 20rpx;
  }

  .saleDetails_fd4_0_c2_c0 {
    border: 1px solid rgba(102, 102, 102, 1);
    background: rgba(255, 255, 255, 1);
    border-radius: 100rpx;
    width: 209rpx;
    line-height: 80rpx;
    font-size: 34rpx;
    color: rgba(102, 102, 102, 1);
    margin: 0rpx 20rpx 0rpx 0rpx;
  }

  .saleDetails_fd4_0_c2 {
    margin: 40rpx 0rpx 0rpx 0rpx;
  }

  .saleDetails_fd4_0_c1_c0 {
    color: #333333;
    font-size: 30rpx;
    font-weight: 400;
    line-height: 52rpx;
    text-align: center;
  }

  .saleDetails_fd4_0_c1 {
    margin: 22rpx 0rpx 0rpx 0rpx;
  }

  .saleDetails_fd4_0_c0_c0 {
    color: #101010;
    font-size: 32rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .saleDetails_fd4_0 {
    padding: 40rpx 0rpx 40rpx 0rpx;
  }

  .saleDetails_flex_4 {
    background: rgba(255, 255, 255, 1);
    width: 540rpx;
    border-radius: 16rpx;
    background-size: 100% auto;
  }

  .saleDetails_flex_2 {
    background: rgba(255, 255, 255, 1);
    width: 540rpx;
    border-radius: 16rpx;
    background-size: 100% auto;
  }

  .saleDetails_fd2_0_c2 {
    background: rgba(37, 104, 174, 1);
    border-radius: 100rpx;
    width: 379rpx;
    line-height: 80rpx;
    font-size: 34rpx;
    color: #fff;
    margin: 40rpx 0rpx 0rpx 0rpx;
  }

  .saleDetails_fd2_0_c1 {
    color: #333333;
    font-size: 30rpx;
    font-weight: 400;
    line-height: 52rpx;
    text-align: center;
    margin: 22rpx 0rpx 0rpx 0rpx;
  }

  .saleDetails_fd2_0_c0 {
    color: #101010;
    font-size: 32rpx;
    font-weight: 600;
    line-height: 32rpx;
  }

  .saleDetails_fd2_0 {
    padding: 40rpx 0rpx 40rpx 0rpx;
  }

  .buycate_mingcheng {
    color: #ec161a;
    font-size: 40rpx;
    // transform: skewX(-20deg);
    /* -20deg为负值表示向左倾斜 */
  }

  .page {
    width: 100vw;
    overflow-x: hidden;
    min-height: calc(100vh - var(--window-bottom));
    background: url(image-path('31.png')) no-repeat;
    background-size: 100% auto;
    padding-bottom: 120rpx;
    background-color: #eee;
  }

  .index_flex_0 {
    background: url(image-path('31.png')) no-repeat;
    width: 750rpx;
    height: 88rpx;
    overflow: hidden;
    z-index: 10;
    top: 0rpx;
    background-size: 100% auto;
  }

  .index_fd0_0_c2_c0 {
    width: 125rpx;
    height: 55rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .index_fd0_0_c1 {
    color: #FFFFFF;
    font-size: 36rpx;
    font-weight: 700;
    line-height: 42rpx;
  }

  .index_fd0_0_c0_c1 {
    margin: 0rpx 12rpx 0rpx 6rpx;
    color: #FFFFFF;
    font-size: 32rpx;
    font-weight: 500;
    line-height: 32rpx;
    width: 113rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .index_fd0_0_c0_c0 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .index_fd0_0_c0 {
    width: 220rpx;
  }

  .index_fd0_0 {
    padding: 0rpx 24rpx 0rpx 24rpx;
  }

  .index_picker1_0_c2 {
    color: rgba(37, 104, 174, 1);
  }

  .index_picker1_0_c0 {
    color: rgba(191, 191, 191, 1);
  }

  .index_picker1_0 {
    border-bottom: 1px solid #eee;
    background: #fff;
    padding: 0rpx 32rpx 0rpx 32rpx;
    line-height: 88rpx;
    border-radius: 25rpx 25rpx 0rpx 0rpx;
    background-size: 100% auto !important;
  }

  .index_numberfd2_0_c0 {
    background: #525050;
    position: absolute;
    bottom: 20rpx;
    right: 30rpx;
    width: 80rpx;
    height: 40rpx;
    border-radius: 6rpx 6rpx 6rpx 6rpx;
    font-size: 24rpx;
    color: #FFFFFF;
    line-height: 46rpx;
    font-weight: 400;
  }

  .index_fd2_0_c1_c0 {
    width: 690rpx;
    height: 325rpx;
    border-radius: 16rpx;
  }

  .index_fd2_0 {
    width: 690rpx;
    height: 325rpx;
    margin-top: 10rpx;
  }

  .index_swiperDotUnselectedfd2_0 {
    border: 1px solid rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0.3);
    width: 16rpx;
    height: 16rpx;
    border-radius: 100rpx 100rpx 100rpx 100rpx;
    margin: 0rpx 6rpx 0rpx 0rpx;
    font-size: 24rpx;
    color: #fff;
  }

  .index_swiperDotSelectedfd2_0 {
    border: 1px solid #00A7FF;
    background: #00A7FF;
    width: 16rpx;
    height: 16rpx;
    border-radius: 100rpx 100rpx 100rpx 100rpx;
    margin: 0rpx 6rpx 0rpx 0rpx;
    font-size: 24rpx;
    color: #fff;
  }

  ::v-deep .index_swiperDotfd2_0 {
    position: absolute;
    bottom: 20rpx;
    left: 0rpx;
    right: 0rpx;
  }

  .index_flex_3 {
    margin: 24rpx 0rpx 0rpx 0rpx;
    padding: 0rpx 30rpx 0rpx 30rpx;
  }

  .index_fd3_0_c2_c3 {
    width: 66rpx;
    height: 66rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx auto;
  }

  .index_fd3_0_c2_c2_c4 {
    width: 30rpx;
    height: 30rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .index_fd3_0_c2_c2_c0 {
    color: #DB443B;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 32rpx;

    &.active {
      color: #50B6A2;
    }
  }

  .index_fd3_0_c2_c2 {
    margin: 0rpx 0rpx 0rpx 13rpx;
  }

  .index_fd3_0_c2_c1_c0 {
    color: #2C344D;
    font-size: 28rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .index_fd3_0_c2_c1 {
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .index_fd3_0_c2_c0 {
    width: 74rpx;
    height: 92rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .index_fd3_0_c2 {
    background: rgba(255, 255, 255, 1);
    margin: 20rpx 0rpx 0rpx 0rpx;
    border-radius: 16rpx;
    background-size: 100% auto;
    padding: 20rpx 24rpx 20rpx 24rpx;
    // font-family: PingFang SC, PingFang SC;
  }

  .index_fd3_0_c1_c1 {
    background: rgba(37, 104, 174, 1);
    border-radius: 32rpx;
    width: 160rpx;
    line-height: 64rpx;
    font-size: 28rpx;
    color: #fff;
    margin: 0rpx 0rpx 0rpx auto;
  }

  .index_fd3_0_c1_c0_c1 {
    margin: 26rpx 0rpx 0rpx 0rpx;
  }

  .index_fd3_0_c1_c0_c0_c2_c1 {
    color: rgba(80, 182, 162, 1);
    font-size: 30rpx;
    font-weight: 400;
    line-height: 30rpx;
  }

  .index_fd3_0_c1_c0_c0_c2 {
    margin: 0rpx 0rpx 0rpx 34rpx;
  }

  .index_fd3_0_c1_c0_c0_c1_c1 {
    color: #DB443B;
    font-size: 30rpx;
    font-weight: 400;
    line-height: 30rpx;
  }

  .index_fd3_0_c1_c0_c0_c1_c0 {
    width: 32rpx;
    height: 32rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .index_fd3_0_c1_c0_c0_c0 {
    color: #2C344D;
    font-size: 34rpx;
    font-weight: 700;
    line-height: 34rpx;
    margin: 0rpx 37rpx 0rpx 0rpx;
  }

  .index_fd3_0_c1_c0 {
    margin: 0rpx 37rpx 0rpx 0rpx;
  }

  .index_fd3_0_c1 {
    background: rgba(255, 255, 255, 1);
    margin: 16rpx 0rpx 0rpx 0rpx;
    padding: 24rpx;
    border-radius: 16rpx;
    background-size: 100% auto;
  }

  .index_fd3_0_c0_c0 {
    width: 184rpx;
    height: 65rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .index_fd3_0 {
    background: url(image-path('78.png')) no-repeat;
    background-size: 100% auto;
    padding: 10rpx 24rpx 24rpx 24rpx;
  }

  .index_flex_4 {
    padding: 0rpx 30rpx 0rpx 30rpx;
  }

  .index_fd4_1_c1 {
    color: #101010;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 32rpx;
    width: 550rpx;
  }

  .index_fd4_1_c0 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 24rpx 0rpx 24rpx;
  }

  .index_fd4_1_box {
    height: 80rpx;
    background: rgba(37, 104, 174, 0.06);
    margin: 30rpx 0rpx 0rpx 0rpx;
    border-radius: 12rpx;
  }

  .index_fd4_1 {
    // background: rgba(37, 104, 174, 0.06);
    // margin: 30rpx 0rpx 0rpx 0rpx;
    // padding: 20rpx;
    // border-radius: 12rpx;
    // background-size: 100% auto;
  }

  .index_fd4_0_c1_c0_c0 {
    background: url(image-path('69.png')) no-repeat;
    width: 96rpx;
    height: 30rpx;
    background-size: 100% auto;
    position: absolute;
    z-index: 1;
    top: -7rpx;
    right: -61rpx;
  }

  .index_fd4_0_c0_c1_c0 {
    background: url(image-path('69.png')) no-repeat;
    min-width: 81rpx;
    height: 30rpx;
    background-size: 100% auto;
    position: absolute;
    z-index: 1;
    top: -7rpx;
    right: -56rpx;
    padding: 0 6rpx;
  }

  .index_fd4_0_c0_c0_c2 {
    margin: 11rpx 0rpx 0rpx 0rpx;
    color: #101010;
    font-size: 26rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .index_fd4_0_c0_c0_c1 {
    width: 100rpx;
    height: 100rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .index_fd4_0_c0_c0_c0_c0 {
    color: #FFFFFF;
    font-size: 20rpx;
    font-weight: 400;
    line-height: 20rpx;
  }

  .index_fd4_0_c0_c0_c0 {
    background: url(image-path('69.png')) no-repeat;
    width: 81rpx;
    height: 30rpx;
    background-size: 100% auto;
    position: absolute;
    z-index: 1;
    top: -7rpx;
    right: -54rpx;
  }

  .index_fd4_0_c0_c0 {
    position: relative;
  }

  .index_fd4_0 {
    margin: 32rpx 0rpx 0rpx 0rpx;
  }

  .index_flex_5 {
    padding: 0rpx 30rpx 0rpx 30rpx;
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .index_fd5_1_c0_c1_c1 {
    color: #ACACAC;
    font-size: 26rpx;
    font-weight: 400;
    line-height: 48rpx;
  }

  .index_fd5_1_c0_c1_c0 {
    color: #ACACAC;
    font-size: 26rpx;
    font-weight: 400;
    line-height: 48rpx;
    margin: 0rpx 35rpx 0rpx 0rpx;
  }

  .index_fd5_1_c0_c1 {
    margin: 24rpx 0rpx 20rpx 0rpx;
  }

  .index_fd5_1_c0_c0_c1_c1_c1 {
    color: #2568AE;
    font-size: 32rpx;
    font-weight: 400;
    line-height: 48rpx;
  }

  .index_fd5_1_c0_c0_c1_c1_c0 {
    color: rgba(135, 135, 135, 1);
    font-size: 32rpx;
    font-weight: 400;
    line-height: 48rpx;
    width: 100%;
  }

  .index_fd5_1_c0_c0_c1_c1 {
    margin: 18rpx 0rpx 0rpx 0rpx;
  }

  .index_fd5_1_c0_c0_c1_c0_c1 {
    color: #101010;
    font-size: 36rpx;
    font-weight: 500;
    line-height: 42rpx;
  }

  .index_fd5_1_c0_c0_c1_c0_c0 {
    width: 60rpx;
    height: 30rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 12rpx 0rpx 0rpx;
  }

  .index_fd5_1_c0_c0_c0_c1 {
    width: 180rpx;
    height: 180rpx;
    border-radius: 16rpx;
  }

  .index_fd5_1_c0_c0_c0_c0 {
    min-width: 76rpx;
    height: 54rpx;
    position: absolute;
    z-index: 1;
    top: -20rpx;
    left: 0rpx;
    background: url(image-path('38.png')) no-repeat;
    background-size: 100% auto;
    font-size: 22rpx;
    text-align: center;
    line-height: 64rpx;
    color: #FFF;
  }

  .index_fd5_1_c0_c0_c0 {
    margin: 0rpx 24rpx 0rpx 0rpx;
    position: relative;
  }

  .index_fd5_1_c0 {
    margin: 0rpx 0rpx 32rpx 0rpx;
    border-bottom: 2rpx solid #eeeeee;
  }

  .index_fd5_1 {
    background: rgba(255, 255, 255, 1);
    border-radius: 16rpx;
    background-size: 100% auto;
    margin: 32rpx 0rpx 0rpx 0rpx;
    padding: 32rpx 24rpx 0rpx 24rpx;
  }

  .index_fd5_0_c1_c1 {
    width: 9rpx;
    height: 16rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx 16rpx;
  }

  .index_fd5_0_c1_c0 {
    color: #666666;
    font-size: 26rpx;
    font-weight: 400;
    line-height: 30rpx;
  }

  .index_fd5_0_c0 {
    color: #101010;
    font-size: 36rpx;
    font-weight: 700;
    line-height: 42rpx;
  }

  .index_flex_6 {
    margin: 40rpx 0rpx 0rpx 0rpx;
  }

  .index_fd6_0_c1_c0_c3_c2_c1 {
    color: #624314;
    font-size: 32rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .index_fd6_0_c1_c0_c3_c2_c0_c0 {
    color: #FFFFFF;
    font-size: 20rpx;
    font-weight: 700;
    line-height: 20rpx;
  }

  .index_fd6_0_c1_c0_c3_c2_c0 {
    background: url(image-path('50.png')) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0rpx;
    left: 0rpx;
    padding: 4rpx 12rpx 4rpx 12rpx;
  }

  .index_fd6_0_c1_c0_c3_c2 {
    background: linear-gradient(90deg, #FBEBCC 0%, #F8D48F 100%);
    margin: 0rpx 0rpx 0rpx auto;
    width: 360rpx;
    height: 88rpx;
    border-radius: 24rpx;
    background-size: 100% auto;
    position: relative;
  }

  .index_fd6_0_c1_c0_c3_c1_c1_c0 {
    color: #999999;
    font-size: 22rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .index_fd6_0_c1_c0_c3_c1_c1 {
    margin: 10rpx 0rpx 0rpx 0rpx;
  }

  .index_fd6_0_c1_c0_c3_c1_c0 {
    color: #101010;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .index_fd6_0_c1_c0_c3_c0 {
    width: 56rpx;
    height: 56rpx;
    border-radius: 100rpx;
    margin: 0rpx 12rpx 0rpx 0rpx;
  }

  .index_fd6_0_c1_c0_c2_c1_c0 {
    color: #BFBFBF;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .index_fd6_0_c1_c0_c2_c1 {
    background: rgba(248, 248, 250, 1);
    margin: 0rpx 0rpx 0rpx 24rpx;
    border-radius: 16rpx;
    // background-size: 100% auto;
    padding: 24rpx 24rpx 24rpx 24rpx;
  }

  .index_fd6_0_c1_c0_c2_c0 {
    color: #999999;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 32rpx;
    margin-top: 20rpx;
  }

  .index_fd6_0_c1_c0_c1_c2_c0_c0 {
    color: #667D91;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 24rpx;
  }

  .index_fd6_0_c1_c0_c1_c2_c0 {
    background: rgba(244, 247, 255, 1);
    padding: 4rpx 14rpx 4rpx 14rpx;
    border-radius: 4rpx;
    background-size: 100% auto;
    margin: 24rpx 20rpx 0rpx 0rpx;
  }

  .index_fd6_0_c1_c0_c1_c1_c0_c1 {
    margin: 15rpx 0rpx 0rpx 0rpx;
    color: #101010;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .index_fd6_0_c1_c0_c1_c1_c0_c0 {
    color: #999999;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .index_fd6_0_c1_c0_c1_c1 {
    background: rgba(248, 248, 250, 1);
    margin: 24rpx 0rpx 0rpx 0rpx;
    background-size: 100% auto;
    padding: 24rpx 32rpx 24rpx 32rpx;
  }

  .index_fd6_0_c1_c0_c1_c0_c0 {
    color: #999999;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 32rpx;
    margin: 0rpx 24rpx 0rpx 0rpx;
  }

  .index_fd6_0_c1_c0_c1_c0 {
    color: #101010;
    font-size: 28rpx;
    line-height: 0rpx;
    font-weight: 400;
  }

  .index_fd6_0_c1_c0_c1 {
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .index_fd6_0_c1_c0_c0_c3_c1 {
    color: #101010;
    font-size: 30rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .index_fd6_0_c1_c0_c0_c3_c0 {
    color: rgba(236, 22, 26, 1);
    font-size: 30rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .index_fd6_0_c1_c0_c0_c3 {
    margin: 0rpx 0rpx 0rpx auto;
  }

  .index_fd6_0_c1_c0_c0_c2 {
    width: 100rpx;
    height: 50rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx 20rpx;
  }

  .index_fd6_0_c1_c0_c0_c1 {
    color: #101010;
    font-size: 32rpx;
    font-weight: 700;
    line-height: 42rpx;
  }

  .index_fd6_0_c1_c0_c0_c0 {
    width: 60rpx;
    height: 30rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 18rpx 0rpx 0rpx;
  }

  .index_fd6_0_c1_c0 {
    background: rgba(255, 255, 255, 1);
    border-radius: 16rpx;
    background-size: 100% auto;
    padding: 32rpx 24rpx 32rpx 24rpx;
    margin: 0rpx 0rpx 24rpx 0rpx;
  }

  .index_fd6_0_c1 {
    margin: 32rpx 0rpx 0rpx 0rpx;
  }

  .index_fd6_0_c0_c1_c1 {
    width: 9rpx;
    height: 16rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx 16rpx;
  }

  .index_fd6_0_c0_c1_c0 {
    color: #666666;
    font-size: 26rpx;
    font-weight: 400;
    line-height: 30rpx;
  }

  .index_fd6_0_c0_c0 {
    color: #101010;
    font-size: 36rpx;
    font-weight: 700;
    line-height: 42rpx;
  }

  .index_fd6_0 {
    padding: 0rpx 30rpx 0rpx 30rpx;
  }

  .index_flex_7 {
    padding: 0rpx 30rpx 0rpx 30rpx;
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .index_fd7_0_c1 {
    background: linear-gradient(90deg, #FDECBF 0%, #FFD998 100%);
    border-radius: 8rpx;
    width: 160rpx;
    line-height: 64rpx;
    font-size: 28rpx;
    color: rgba(121, 76, 32, 1);
  }

  .index_fd7_0_c0_c1_c1 {
    color: #FEE0A6;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 34rpx;
  }

  .index_fd7_0_c0_c1_c0 {
    width: 85rpx;
    height: 39rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 8rpx 0rpx 0rpx;
  }

  .index_fd7_0_c0_c1 {
    margin: 18rpx 0rpx 0rpx 0rpx;
  }

  .index_fd7_0_c0_c0 {
    width: 334rpx;
    height: 52rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .index_fd7_0 {
    background: url(image-path('40.png')) no-repeat;
    width: 690rpx;
    height: 165rpx;
    background-size: 100% 100%
  }

  .index_flex_8 {
    margin: 40rpx 0rpx 0rpx 0rpx;
  }

  .index_fd8_0_c1_c0_c3_c2_c1 {
    color: rgba(255, 255, 255, 1);
    font-size: 32rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .index_fd8_0_c1_c0_c3_c2_c0_c0 {
    color: #FFFFFF;
    font-size: 20rpx;
    font-weight: 700;
    line-height: 20rpx;
  }

  .index_fd8_0_c1_c0_c3_c2_c0 {
    background: url(image-path('51.png')) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0rpx;
    left: 0rpx;
    padding: 4rpx 12rpx 4rpx 12rpx;
  }

  .index_fd8_0_c1_c0_c3_c2 {
    background: rgba(37, 104, 174, 1);
    margin: 0rpx 0rpx 0rpx auto;
    width: 360rpx;
    height: 88rpx;
    border-radius: 24rpx;
    background-size: 100% auto;
    position: relative;
  }

  .index_fd8_0_c1_c0_c3_c1_c1_c0 {
    color: #999999;
    font-size: 22rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .index_fd8_0_c1_c0_c3_c1_c1 {
    margin: 10rpx 0rpx 0rpx 0rpx;
  }

  .index_fd8_0_c1_c0_c3_c1_c0 {
    color: #101010;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .index_fd8_0_c1_c0_c3_c0 {
    width: 56rpx;
    height: 56rpx;
    border-radius: 100rpx;
    margin: 0rpx 12rpx 0rpx 0rpx;
  }

  .index_fd8_0_c1_c0_c2_c1_c0 {
    color: #BFBFBF;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .index_fd8_0_c1_c0_c2_c1 {
    background: rgba(248, 248, 250, 1);
    margin: 0rpx 0rpx 0rpx 24rpx;
    border-radius: 16rpx;
    background-size: 100% auto;
    padding: 24rpx 24rpx 77rpx 24rpx;
  }

  .index_fd8_0_c1_c0_c2_c0 {
    color: #999999;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 32rpx;
    margin-top: 20rpx;
  }

  .index_fd8_0_c1_c0_c2 {
    margin: 32rpx 0rpx 0rpx 0rpx;
  }

  .index_fd8_0_c1_c0_c1_c1_c3_c0_c1 {
    color: #C86105;
    font-size: 26rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .index_fd8_0_c1_c0_c1_c1_c3_c0_c0 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 16rpx 0rpx 0rpx;
  }

  .index_fd8_0_c1_c0_c1_c1_c3_c0 {
    margin: 0rpx 40rpx 0rpx 0rpx;
  }

  .index_fd8_0_c1_c0_c1_c1_c1_c1 {
    // margin: 0rpx 0rpx 0rpx 38rpx;
  }

  .index_fd8_0_c1_c0_c1_c1_c1_c0_c1 {
    color: #101010;
    font-size: 30rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .index_fd8_0_c1_c0_c1_c1_c0_c1 {
    color: #101010;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .index_fd8_0_c1_c0_c1_c1_c0_c0 {
    color: #999999;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 32rpx;
    margin: 0rpx 24rpx 0rpx 0rpx;
  }

  .index_fd8_0_c1_c0_c1_c0 {
    width: 220rpx;
    height: 220rpx;
    border-radius: 8rpx;
    margin: 0rpx 24rpx 0rpx 0rpx;
  }

  .index_fd8_0_c1_c0_c0_c4_c1 {
    color: #101010;
    font-size: 30rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .index_fd8_0_c1_c0_c0_c4_c0 {
    color: rgba(236, 22, 26, 1);
    font-size: 30rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .index_fd8_0_c1_c0_c0_c4 {
    margin: 0rpx 0rpx 0rpx auto;
  }

  .index_fd8_0_c1_c0_c0_c2 {
    width: 100rpx;
    height: 50rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 20rpx 0rpx 20rpx;
  }

  .index_fd8_0_c1_c0_c0_c1 {
    color: #101010;
    font-size: 32rpx;
    font-weight: 700;
    line-height: 42rpx;
  }

  .index_fd8_0_c1_c0_c0_c0 {
    width: 123rpx;
    height: 44rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 16rpx 0rpx 0rpx;
  }

  .index_fd8_0_c1_c0 {
    background: rgba(255, 255, 255, 1);
    border-radius: 16rpx;
    background-size: 100% auto;
    padding: 32rpx 24rpx 32rpx 24rpx;
    margin: 0rpx 0rpx 24rpx 0rpx;
  }

  .index_fd8_0_c1 {
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .index_fd8_0_c0_c1_c1 {
    width: 9rpx;
    height: 16rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx 16rpx;
  }

  .index_fd8_0_c0_c1_c0 {
    color: #666666;
    font-size: 26rpx;
    font-weight: 400;
    line-height: 30rpx;
  }

  .index_fd8_0_c0_c0 {
    color: #101010;
    font-size: 36rpx;
    font-weight: 700;
    line-height: 42rpx;
  }

  .index_fd8_0 {
    padding: 0rpx 30rpx 0rpx 30rpx;
  }

  .index_flex_9 {
    // margin: 24rpx 0rpx 0rpx 0rpx;
    padding: 0 30rpx 30rpx 30rpx;
  }

  .index_fd9_0_c1 {
    background: linear-gradient(90deg, #FDECBF 0%, #FFD998 100%);
    border-radius: 8rpx;
    width: 160rpx;
    line-height: 64rpx;
    font-size: 28rpx;
    color: rgba(121, 76, 32, 1);
  }

  .index_fd9_0_c0_c1_c0 {
    color: #FEE0A6;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 34rpx;
  }

  .index_fd9_0_c0_c1 {
    margin: 18rpx 0rpx 0rpx 0rpx;
  }

  .index_fd9_0_c0_c0 {
    width: 334rpx;
    height: 52rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .index_fd9_0 {
    background: url(image-path('182.png')) no-repeat;
    width: 690rpx;
    height: 204rpx;
    background-size: 100% 100%;
  }
</style>
